<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="h-ui-font/iconfont.min.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/weui.min.css" />
		<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue(1).js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body {
				width: 100%;
				margin: 0px auto;
				min-width: 320px;
				max-width: 640px;
			}
			.top{
				width: 100%;
				height: 50px;
				min-width: 320px;
				max-width: 640px;
				line-height: 50px;
				color: white;
				font-size: 18px;
				text-indent: 10px;
				position: fixed;
				background-color: #0F88EB;
			}
			.contents {
				width: 100%;
				padding-top: 50px;
				padding-bottom: 40px;
				overflow: auto;
				/*border: 1px solid red;*/
			}
			
			.weui-tabbar {
				min-width: 320px;
				max-width: 640px;
				height: 40px;
				position: fixed;
			}
			.weui-tabbar__icon{
				margin-top: -4px;
			}
			.active{
				color: rgba(0, 0, 255, 0.8) !important;
			}
			.peoples{
				width: 100%;
				height: 80px;
				box-sizing: border-box;
				padding: 20px;
				display: inline-block;
				color: black;
				overflow: hidden;
				border-top: 2px solid #c0c0c0;
				border-bottom: 1px solid #c0c0c0;
			}
			.peoples div{
				float: left;
			}
			.peoples div:first-child{
				width: 40px;
				height: 40px;
				border-radius: 20px;
				overflow: hidden;
			}
			.peoples div:first-child img{
				width: 100%;
				height: 100%;
			}
			.peoples div:nth-of-type(2){
				width: 120px;
				font-size: 18px;
				margin-left: 15px;
				position: relative;
				top: -10px;
			}
			.peoples div:nth-of-type(2) p:last-child{
				font-size: 12px;
				color: #a6a6a6;
			}
			.peoples div:last-child{
				float: right;
				font-size: 12px;
				color: #a6a6a6;
			}
		</style>
	</head>
	<body>
		<div class="top">私信</div>
		<div class="contents">
			<a href="IM-Chat.html" class="peoples">
				<div><img src="img/b8d1deff9d6cee6d02205b5901641e95.jpg"/></div>
				<div>
					<p>name</p>
					<p>最新消息</p>
				</div>
				<div>7小时前</div>
			</a>
		</div>
		<div class="weui-tabbar">
			<a href="index.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-canshu"></i>
				</div>
			</a>
			<a href="find.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-yanjing"></i>
				</div>
			</a>
			<a href="chart.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-xiaoxi1 active"></i>
				</div>
			</a>
			<a href="more.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-menu"></i>
				</div>
			</a>
		</div>
	</body>
</html>

